﻿<div id="contenido">
 
	<div id="main">
		
		<h2>Panel de Control</h2>
        <?php   
                 $datosPostulantes = json_encode($this->graficoPostulantes);
                 $datosPostulantes = str_replace('{','[', $datosPostulantes);
                 $datosPostulantes = str_replace('}',']', $datosPostulantes);
                 $datosPostulantes = str_replace(',"','],["', $datosPostulantes);
                 $datosPostulantes = str_replace(':',',', $datosPostulantes);
         ?>
		
		<div id="chart_div" style="width: 600px; height: 300px;"></div>
		<script type="text/javascript" src="https://www.google.com/jsapi"></script>
		<script type="text/javascript">
		  google.load("visualization", "1", {packages:["corechart"]});
		  google.setOnLoadCallback(drawChart);
		  function drawChart() {
			var data = google.visualization.arrayToDataTable([
			  ['Mes', 'Postulantes'],
              <?=$datosPostulantes; ?>
			]);

			var options = {
			  title: 'Cantidad de Registraciones',
              vAxis: { minValue:0,maxValue:5,gridlines:{count:6} },
			  hAxis: {title: 'Año <?=date("Y")?>',  titleTextStyle: {color: 'red'}}
			};

			var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
			chart.draw(data, options);
		  }
		</script>

	</div><!--fin main-->
	
	<div id="columna">
		<div class="mod-indicadores">
			<h3>Indicadores</h3>
			<table border="1">
			<thead>
				<tr>
				  <th>Indicador</th>
				  <th>Valor</th>
				</tr>
			</thead>
			<tbody>
				<tr>
				  <td>Postulantes Registrados</td>	
				  <td><?= $this->postulantesRegistrados ?></td>
				</tr>
				<tr>
				  <td>Empresas Registradas</td>	
				  <td><?= $this->empresasRegistradas ?></td>
				</tr>
				<tr>
				  <td>Búsquedas Abiertas</td>	
				  <td><?= $this->busquedas ?></td>
				</tr>
				<tr>
				  <td>Candidatos Sugeridos</td>	
				  <td><?= $this->sugeridos ?></td>
				</tr>
			</tbody>
			</table>
		</div>
    alla
	</div>

	 
		
 </div>
